

<template>
  <div>
    <!-- <button @click="$router.push('/')">home</button> -->
    <!-- <button @click="$router.push('/store')">store</button> -->
    <!-- <button @click="$router.push({ path: '/home' })">vue3</button> -->
    <!-- <button @click="$router.push('/cart')">cart</button> -->
    <!-- <button @click="handle">handle</button> -->
    <!-- <button @click="$router.push('/order')">order</button> -->
    <!-- <router-link to="/cart">routerlink</router-link> -->

  <!-- <button @click="$router.push('/mine')">mine</button> - -->
    <!-- <router-link to="/home">routerlink</router-link>   ||
          <router-link to="/cart">routerlink</router-link> -->
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component :is="Component" v-if="$route.meta.keepAlive" />
      </keep-alive>
      <component :is="Component" v-if="!$route.meta.keepAlive" />
    </router-view>
    <!-- <router-view></router-view> -->
  </div>
</template>


<script setup>
import "reset-css";
import "@/assets/css/global.css"
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const handle = () => {
  router.push({ path: 'order' })
}
</script>


<style scoped lang='scss'>
div {
  margin: auto;
  width: 100vw;
  height: 100vh;
}
</style>
